<template>
  <div class="set-up">
    <div class="title"></div>
    <div class="main">
      <ProgressChart
          type="green"
          :echartsData="78"
          titleText="%"
          :color="['rgba(171, 228, 213, 1)', 'rgba(0, 210, 156, 1)']"
          :borderColor="['rgba(28, 81, 74, 1)', 'rgba(28, 81, 74, 0.1)']"
      />
    </div>
  </div>
</template>

<script setup lang="ts">
import { defineComponent } from 'vue';
import ProgressChart from '@/components/echarts/progressChart.vue';

defineComponent({ name: 'SetUp' });
</script>

<style scoped lang="scss">
.set-up {
  @apply w-full h-full grid grid-rows-2;
  grid-template-rows: auto 1fr;

  .title {
    @apply w-full h-[31px];
    background: url('./assets/title.png') no-repeat center;
  }

  .main {
    @apply w-full;
  }
}
</style>
